﻿<html>
<head>
<title>CSS3 Border Left Color Test </title>

<style type="text/css" id="internalStyle">
p {border-left-color: blue; border-left-style: solid; 
   }
h3 {border-left-color: green; border-left-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Left Color Test</h1>





<ul>
<li>
The "border-left-color" property sets the foreground color
 of the left border specified by the border-style properties.
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a border left color
of blue.
The rule applied is "p {border-left-color: blue;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
This h3 heading should have a border left color of green.
The rule applied is "h3 {border-left-color: green;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, so should also have
blue border left color.  Border left style of solid is applied to all CSS rules,
so that left border is visible.
</p>

</body>
</html>
